<page-header  >
    <!--<ng-template #breadcrumb>-->
        <!--<nz-breadcrumb>-->
            <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
            <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
        <!--</nz-breadcrumb>-->
    <!--</ng-template>-->
    <ng-template #tab>
        <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
          <nz-tab nzTitle="订单信息" (nzSelect)="changeTab(0)"></nz-tab>
          <!-- <nz-tab nzTitle="车辆信息" (nzSelect)="changeTab(1)"></nz-tab> -->
          <nz-tab nzTitle="申请信息" (nzSelect)="changeTab(2)"></nz-tab>
          <nz-tab nzTitle="担保人" (nzSelect)="changeTab(3)"></nz-tab>
          <nz-tab nzTitle="附件信息" (nzSelect)="changeTab(4)"></nz-tab>
          <nz-tab nzTitle="订单日志" (nzSelect)="changeTab(5)"></nz-tab>
          <!-- <nz-tab nzTitle="审批意见" (nzSelect)="changeTab(6)"></nz-tab> -->
          <nz-tab nzTitle="方案信息" (nzSelect)="changeTab(7)"></nz-tab>

        </nz-tabset>
    </ng-template>
    <ng-template #extraTemplate>
        <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回订单列表</button>
    </ng-template>
</page-header>





  <!--<nz-card style="height: 100%" nzTitle="视频信息" *ngIf="tabIndex === 1">-->
  <!--</nz-card>-->


<nz-row [nzGutter]="24">
  <nz-col [nzSpan]="24">
     <nz-card>
        <nz-card nzTitle="基本信息 "  *ngIf="tabIndex === 0" >

          <form nz-form>

            <nz-form-item>
              <nz-form-label nzSpan="3" nzRequired>订单编号</nz-form-label>
              <nz-form-control nzSpan="9">
                <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">
              </nz-form-control>
            </nz-form-item>
            <nz-form-item>
              <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
              <nz-form-control nzSpan="9">
                <!--<nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
                  <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
                <!--</nz-select>-->
                <input nz-input required [(ngModel)]="product.proName" name="proName">
              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>客户姓名</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required [(ngModel)]="product.cusName" name="cusName">

              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>联系电话</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input  required [(ngModel)]="product.cusMobile" name="cusMobile">

              </nz-form-control>

              <!--<nz-form-label nzSpan="3" nzRequired>证件类型</nz-form-label>-->
              <!--<nz-form-control nzSpan="9">-->
                <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
                  <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
                <!--</nz-select>-->

              <!--</nz-form-control>-->

              <nz-form-label nzSpan="3" nzRequired>证件号码</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>证件有效起始日</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-date-picker  required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>证件有效截止日</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-date-picker  required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>现居住地</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

              </nz-form-control>

              <nz-form-label nzSpan="3" >性别</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
                  <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders"></nz-option>
                </nz-select>
              </nz-form-control>

              <!-- <nz-form-label nzSpan="3" >婚姻</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-select style="" [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
                  <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
                </nz-select>
              </nz-form-control>

              <nz-form-label nzSpan="3">学历</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-select style="" [(ngModel)]="product.cusDeu" name="cusDeu" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
                  <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
                </nz-select>
              </nz-form-control> -->

              <nz-form-label nzSpan="3">民族</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
                  <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value" *ngFor="let cusEthnical of cusEthnicals"></nz-option>
                </nz-select>
              </nz-form-control>


              <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
              <!--<nz-form-control nzSpan="4">-->
              <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

              <!--</nz-form-control>-->

              <nz-form-label nzSpan="3" >出生日期</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-date-picker   name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



              </nz-form-control>

              <!-- <nz-form-label nzSpan="3" >QQ号码</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

              </nz-form-control> -->

              <nz-form-label nzSpan="3" >常住地址</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

              </nz-form-control>

              <nz-form-label nzSpan="3" >状态</nz-form-label>
              <nz-form-control nzSpan="9">
                <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
                  <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
                <!--</nz-select>-->
                <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

              </nz-form-control>
              <!-- <nz-form-label nzSpan="3" >是否有子女</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy4" name="orderBy4">
              </nz-form-control> -->





              <!-- <nz-form-label nzSpan="3" >工作单位</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy6" name="orderBy6">
              </nz-form-control>



              <nz-form-label nzSpan="3" >单位地址</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy7" name="orderBy7">
              </nz-form-control>

              <nz-form-label nzSpan="3" >月收入</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy8" name="orderBy8">
              </nz-form-control> -->
    <!-- 
              <nz-form-label nzSpan="3" >银行卡号</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy9" name="orderBy9">
              </nz-form-control> -->

              <!-- <nz-form-label nzSpan="3" >放款户名</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy11" name="orderBy11">
              </nz-form-control>

              <nz-form-label nzSpan="3" >开户行</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy12" name="orderBy12">
              </nz-form-control>

              <nz-form-label nzSpan="3" >卡号</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy13" name="orderBy13">
              </nz-form-control> -->

              <!-- <nz-form-label nzSpan="3" >应收定金</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy41" name="orderBy41">
              </nz-form-control>
              
              <nz-form-label nzSpan="3" >已收定金</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy42" name="orderBy42">
              </nz-form-control>

              <nz-form-label nzSpan="3" >支付方式</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy43" name="orderBy43">
              </nz-form-control>

              <nz-form-label nzSpan="3" >支付备注</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy44" name="orderBy44">
              </nz-form-control>


              <nz-form-label nzSpan="3" >车辆到货日期</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy45" name="orderBy45">
              </nz-form-control>

              <nz-form-label nzSpan="3" >交货地点</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy46" name="orderBy46">
              </nz-form-control>

              <nz-form-label nzSpan="3" >送货人</nz-form-label>
              <nz-form-control nzSpan="9">
                <input   nz-input required [(ngModel)]="product.orderBy47" name="orderBy47">
              </nz-form-control> -->

            </nz-form-item>
          </form>
        </nz-card>

        <nz-card nzTitle="车辆信息" *ngIf="tabIndex === 1">
          <form nz-form>
            <nz-form-item>


              <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype">

                <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
                <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
                <!--</nz-select>-->
              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>品牌/车型</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">

              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>车牌号</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">

              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass">

                <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
                <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
                <!--</nz-select>-->
              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

              </nz-form-control>

              <nz-form-label nzSpan="3" nzRequired>车架号</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">

              </nz-form-control>
              <nz-form-label nzSpan="3" nzRequired>发动机号</nz-form-label>
              <nz-form-control nzSpan="9">
                <input  nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">

              </nz-form-control>
            </nz-form-item>
          </form>
        </nz-card>
        <nz-card nzTitle="申请信息 "  *ngIf="tabIndex === 2" >
          <form nz-form>
            <nz-form-item>
                <nz-form-label nzSpan="2" nzRequired>车身颜色</nz-form-label>
                <nz-form-control nzSpan="4">
                  <input nz-input required="required" readonly="readonly" [(ngModel)]="product.orderBy37" name="orderBy37">
                </nz-form-control>
        
                <nz-form-label nzSpan="2" nzRequired>合计金额</nz-form-label>
                <nz-form-control nzSpan="4">
                  <input nz-input required="required" readonly="readonly" [(ngModel)]="product.orderBy32" name="orderBy32">
                </nz-form-control>
                
                <nz-form-label nzSpan="2" nzRequired >首付</nz-form-label>
                <nz-form-control nzSpan="4">
                  <input   nz-input required readonly="readonly" [(ngModel)]="product.orderBy33" name="orderBy33">
                </nz-form-control>
        
                <nz-form-label nzSpan="2"  nzRequired>贷款</nz-form-label>
                <nz-form-control nzSpan="4">
                  <input   nz-input required  readonly="readonly" [(ngModel)]="product.orderBy34" name="orderBy34">
                </nz-form-control>
        
                <nz-form-label nzSpan="2" >月供</nz-form-label>
                <nz-form-control nzSpan="4">
                  <input   nz-input required readonly="readonly"  [(ngModel)]="product.orderBy18" name="orderBy18">
                </nz-form-control>
        
                <nz-form-label nzSpan="2" >产品类型</nz-form-label>
                <nz-form-control nzSpan="4">
                  <input   nz-input required readonly="readonly"  [(ngModel)]="product.orderBy35" name="orderBy35">
                </nz-form-control>
              <!-- 
              <nz-form-label nzSpan="2" nzRequired>车身价</nz-form-label>
              <nz-form-control nzSpan="4">
                <input nz-input required="required" [(ngModel)]="product.orderBy19" name="orderBy19">
              </nz-form-control> -->
              <!-- <nz-form-label nzSpan="2" nzRequired>初评金额(元）</nz-form-label>
              <nz-form-control nzSpan="4">
                <input nz-input required="required" [(ngModel)]="product.orderBy10" name="orderBy10">
      
              </nz-form-control> -->
              <!-- <nz-form-label nzSpan="2" nzRequired>申请期限(月）</nz-form-label>
              <nz-form-control nzSpan="4">
                <input nz-input required="required" [(ngModel)]="product.orderPeriod" name="orderPeriod">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >购置税</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy20" name="orderBy20">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >首年商业险</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy21" name="orderBy21">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >交强险</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy22" name="orderBy22">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >车船税</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy23" name="orderBy23">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >配置</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy23" name="orderBy23">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >上牌及运管GPS</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy24" name="orderBy24">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >风控GPS</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy25" name="orderBy25">
              </nz-form-control>
              
              <nz-form-label nzSpan="2" >人身意外险</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy26" name="orderBy26">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >贷款保证保险</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy27" name="orderBy27">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >双方总分润</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy28" name="orderBy28">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >佣金</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy31" name="orderBy31">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" nzRequired>合计金额</nz-form-label>
              <nz-form-control nzSpan="4">
                <input nz-input required="required" [(ngModel)]="product.orderBy32" name="orderBy32">
              </nz-form-control>
              
              <nz-form-label nzSpan="2" nzRequired >首付</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy33" name="orderBy33">
              </nz-form-control>
      
              <nz-form-label nzSpan="2"  nzRequired>贷款</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy34" name="orderBy34">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >产品类型</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy35" name="orderBy35">
              </nz-form-control>
      
              <nz-form-label nzSpan="2" >其他</nz-form-label>
              <nz-form-control nzSpan="4">
                <input   nz-input required [(ngModel)]="product.orderBy17" name="orderBy17">
              </nz-form-control> -->
            

            </nz-form-item>
          </form>
        </nz-card>
        <nz-card nzTitle="担保人信息" *ngIf="tabIndex === 3">
          <form nz-form>
            <nz-form-item>


              <!-- <nz-form-label nzSpan="3" nzRequired>与贷款人关系</nz-form-label>
              <nz-form-control nzSpan="9">
                <nz-select style=""  [(ngModel)]="product.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
                  <nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>
                </nz-select>
              </nz-form-control> -->

              <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">

              </nz-form-control>

              <!-- <nz-form-label nzSpan="3" nzRequired>身份证</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.emergencyOffice" name="emergencyOffice">

              </nz-form-control> -->

              <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">

              </nz-form-control>


              <!-- <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
              <nz-form-control nzSpan="9">
                <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">

              </nz-form-control> -->

              <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
              <!--<nz-form-control nzSpan="4">-->
              <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

              <!--</nz-form-control>-->

            </nz-form-item>
          </form>
        </nz-card>


    <nz-card nzTitle="文件信息 " *ngIf="tabIndex === 4">

      <form nz-form>
        <!-- <nz-card nzTitle="文件信息1">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr5"
              [nzData]="avatarParam5"
              nzListType="picture-card"
              [(nzFileList)]="fileList"
              [nzShowButton]="fileList.length < 300"
              [nzPreview]="handlePreview">

              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
              <ng-template #modalContent>
                <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
        
          </div>
        </nz-card> -->
        <nz-card nzTitle="身份证">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr1"
              [nzData]="avatarParam1"
              nzListType="picture-card"
              [(nzFileList)]="fileList1"
              [nzShowButton]="fileList1.length < 300"
              [nzPreview]="handlePreview1">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent1" [nzFooter]="null" (nzOnCancel)="previewVisible1=false">
              <ng-template #modalContent1>
                <img [src]="previewImage1" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="银行流水">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr6"
              [nzData]="avatarParam6"
              nzListType="picture-card"
              [(nzFileList)]="fileList2"
              [nzShowButton]="fileList2.length < 300"
              [nzPreview]="handlePreview2">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible2" [nzContent]="modalContent2" [nzFooter]="null" (nzOnCancel)="previewVisible2=false">
              <ng-template #modalContent2>
                <img [src]="previewImage2" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="征信报告">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr7"
              [nzData]="avatarParam7"
              nzListType="picture-card"
              [(nzFileList)]="fileList3"
              [nzShowButton]="fileList3.length < 300"
              [nzPreview]="handlePreview3">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible3" [nzContent]="modalContent3" [nzFooter]="null" (nzOnCancel)="previewVisible3=false">
              <ng-template #modalContent3>
                <img [src]="previewImage3" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="问询表">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr8"
              [nzData]="avatarParam8"
              nzListType="picture-card"
              [(nzFileList)]="fileList4"
              [nzShowButton]="fileList4.length < 300"
              [nzPreview]="handlePreview4"
              >
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible4" [nzContent]="modalContent4" [nzFooter]="null" (nzOnCancel)="previewVisible4=false">
              <ng-template #modalContent4>
                <img [src]="previewImage4" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
        <nz-card nzTitle="驾驶证及行驶证">
          <div class="clearfix">
            <nz-upload
              [nzMultiple]="true"
              [nzAction]="uploadUr9"
              [nzData]="avatarParam9"
              nzListType="picture-card"
              [(nzFileList)]="fileList5"
              [nzShowButton]="fileList5.length < 300"
              [nzPreview]="handlePreview5">
    
              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;">  </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible5" [nzContent]="modalContent5" [nzFooter]="null" (nzOnCancel)="previewVisible5=false">
              <ng-template #modalContent5>
                <img [src]="previewImage5" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>
        </nz-card>
      </form>
    </nz-card>


    
     </nz-card>
    <nz-card nzTitle="订单日志 " *ngIf="tabIndex === 5">
      <simple-table #st
                    [columns]="columns"
                    [data]="logurl"
                    [ps]="ps"
                    [extraParams]="q"
                    [resReName]="{ total: 'total', list: 'data'}"
                    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                    toTopInChange
                    [showTotal]="true"
                    [showSizeChanger]="false"
                    [showPagination]="false">

      </simple-table>

    </nz-card>

    <!-- <nz-card nzTitle="审批意见 " *ngIf="tabIndex === 6"> -->


      <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
        <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
        <!-- <textarea class="textarea"  [(ngModel)]="product.spcomment" name="spcomment"></textarea> -->
      <!--</nz-form-control>-->

    <!-- </nz-card> -->



    <nz-card nzTitle="方案信息 "  *ngIf="tabIndex === 7" >
      <form nz-form>
        <nz-form-item>
          <nz-form-label nzSpan="2" nzRequired>还款方式</nz-form-label>
          <nz-form-control nzSpan="4">
            <nz-select style="" [(ngModel)]="productfk.loanReMethod" name="loanReMethod" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of loanReMethods"></nz-option>
            </nz-select>
          </nz-form-control>
          <nz-form-label nzSpan="2" >订单编号</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.orderNo" name="orderNo">

          </nz-form-control>

          <nz-form-label nzSpan="2" >客户姓名</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.cusName" name="cusName">

          </nz-form-control>

          <nz-form-label nzSpan="2" >联系电话</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.cusMobile" name="cusMobile">

          </nz-form-control>

        </nz-form-item>
        <nz-form-item>

          <nz-form-label nzSpan="2" nzRequired>首次还款日期</nz-form-label>
          <nz-form-control nzSpan="4">
            <nz-date-picker nzFormat="yyyy-MM-dd" name="loanDate" [(ngModel)]="productfk.loanDate"></nz-date-picker>



          </nz-form-control>
          <nz-form-label nzSpan="2" nzRequired>合计费用</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.carPinggujia"   name="carPinggujia">
          </nz-form-control>

          <!-- <nz-form-label nzSpan="2" >贷款成数</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.carChengshu" (change)="fyccount()"   name="carChengshu">
          </nz-form-control> -->

          <nz-form-label nzSpan="2" >车辆融资额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.carRongzie"    name="carRongzie">
          </nz-form-control>


          <!-- <nz-form-label nzSpan="2" >保险费用</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.bxFy"  (change)="fyccount()"     name="bxFy">
          </nz-form-control> -->


          <nz-form-label nzSpan="2" >计息金额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanSum"    name="loanSum">
          </nz-form-control>

          <!-- <nz-form-label nzSpan="2" >GPS费用</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.gpsFy"   (change)="fyccount()"   name="gpsFy">
          </nz-form-control> -->



          <!-- <nz-form-label nzSpan="2"nzRequired>年化利率</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanMonth"  (change)="fyccount()"   name="loanMonth">
          </nz-form-control> -->


          <nz-form-label nzSpan="2">期数</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanPeriod" name="loanPeriod">


          </nz-form-control>



          <nz-form-label nzSpan="2" nzRequired>合同金额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.conJine"    name="conJine">
          </nz-form-control>


          <nz-form-label nzSpan="2" nzRequired>贷款总额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanAmount"    name="loanAmount">
          </nz-form-control>




          <!-- <nz-form-label nzSpan="2" nzRequired>履约.担保.服务费</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.lydbFuwfei"    name="lydbFuwfei">
          </nz-form-control>



          <nz-form-label nzSpan="2" nzRequired>到手金额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.daoshouJine"    name="daoshouJine">
          </nz-form-control> -->





        </nz-form-item>

        <!-- <nz-form-item>




          <nz-form-label nzSpan="2">备注</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanRemark" name="loanRemark">


          </nz-form-control>


        </nz-form-item> -->



      </form>
      <button nz-button type="primary" nzType="primary" (click)="savestc('S','制作方案')">制作方案</button>

      <button nz-button type="primary" nzType="primary" (click)="refresh()">刷新数据</button>


      <nz-upload [nzAction]="uploadreplanExcelUrl" [nzShowUploadList]="false" nzAccept="application/vnd.ms-excel" (nzChange)="uploadProd($event)">
        <button nzType="primary" nz-button style="margin-left: 10px;margin-right: 8px"><span>导入还款信息</span><i class="anticon anticon-upload"></i></button>
      </nz-upload>


      <a down-file [http-data]="data" [http-url]="mbdownurl" file-name="车辆信息" *ngIf="mbdownurl">
        <i class="anticon anticon-download"></i> 下载导入模板
      </a>

      <div style="margin-top:20px; ">
        <simple-table #st
        [columns]="columnsreplan"
        [data]="urlreplan"
        [ps]="ps"
        [extraParams]="q"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showPagination]="true"
        [showSizeChanger]="true"
        [scroll]="{  x: '1300px' }"

>
<!--<ng-template st-row="img" let-i>-->
<!--<span *ngIf="!i.img" style="color: lightgrey; font-size: 12px;">无图片</span>-->
<!--<a><img *ngIf="i.img" (click)="showImage(imgSuffix + i.img)" [src]="imgSuffix + i.img" width="32px" style=" max-height: 32px;"/></a>-->
<!--</ng-template>-->

<!--<ng-template st-row="isCm" let-i>-->
<!--{{i.isCm === '0' ? '非定制' : '定制'}}-->
<!--</ng-template>-->
<!--<ng-template st-row="isAd" let-i>-->
<!--{{i.isAd === '0' ? '普通款' : '广告款'}}-->
<!--</ng-template>-->
</simple-table>
      </div>
      

    </nz-card>


    

  </nz-col>

</nz-row>

<footer-toolbar errorCollect>

  <nz-form-label nzSpan="3" style="margin-top: 8px">审批意见</nz-form-label>
  <nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">
    <input nz-input required [(ngModel)]="product.spcomment" name="spcomment">
  </nz-form-control>
  <button nz-button type="primary" nzType="primary" (click)="savestc('Y','通过')">通过</button>
  <!--<button nz-button type="primary" nzType="primary" (click)="savestc('S','制作方案')">制作方案</button>-->

  <button nz-button type="primary" nzType="primary" (click)="savestc('N','不通过')">不通过</button>
  <button nz-button type="primary" nzType="primary" (click)="savestc('R','拒绝')">拒绝</button>


</footer-toolbar>
